<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>bookStore列表</title>
	<%--导入css --%>
	<link rel="stylesheet" href="${pageContext.request.contextPath }/client/css/main.css" type="text/css" />
	<link rel="stylesheet" href="${pageContext.request.contextPath }/bootstrap/css/bootstrap.min.css" type="text/css" />
</head>
<body class="main">
	<jsp:include page="head.jsp" />
	<jsp:include page="menu_search.jsp" />
	<div id="divpagecontent">
		<table width="100%" border="0" cellspacing="0">
			<tr>
				<td>
					<div style="text-align:right; margin:5px 10px 5px 0px">
						<a href="${pageContext.request.contextPath }/index.jsp">首页</a>
						&nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;
						${category.name}
						&nbsp;&nbsp;&nbsp;&nbsp;&gt;&nbsp;&nbsp;&nbsp;&nbsp;
						图书列表
					</div>
					<table cellspacing="0" class="listcontent">
						<tr>
							<td>
								<h1>商品目录</h1>
								<hr />
								<h1>${category.name}</h1>&nbsp;&nbsp;&nbsp;&nbsp;共${pageInfo.total}种商品
								<hr />
								<div style="margin-top:20px; margin-bottom:5px">
									<img src="${pageContext.request.contextPath }/client/images/productlist.gif" width="100%" height="38" />
								</div>

								<table cellspacing="0" class="booklist">
									<tr>
										<c:forEach items="${pageInfo.list}" var="p" varStatus="vs">
											<td>
												<div class="divbookpic">
													<p>
														<a href="${pageContext.request.contextPath}/findProductById?id=${p.id}">
															<img src="${pageContext.request.contextPath}${p.imgurl}" width="115" height="129" border="0" /> 
														</a>
													</p>
												</div>
												<div class="divlisttitle">
													<a href="${pageContext.request.contextPath}/findProductById?id=${p.id}">书名： ${p.name}<br />售价：￥${p.price} </a>
												</div>
											</td>
										</c:forEach>
									</tr>
								</table>
								<div class="container">
									<div class="row clearfix">
										<div class="col-md-12 column" style="text-align: center">
											<ul class="pagination" style="width: auto">
												<c:choose>
													<c:when test="${pageInfo.pageNum == 1}">
														<li class="disabled">
															<a href="#">上一页</a>
														</li>
													</c:when>
													<c:otherwise>
														<li>
															<a href="/pageProducts?currentPage=${pageInfo.pageNum-1}&id=${category.id}">上一页</a>
														</li>
													</c:otherwise>
												</c:choose>

												<c:forEach begin="1" end="${pageInfo.pages}" var="page">
													<c:choose>
														<c:when test="${pageInfo.pageNum == page}">
															<li class="active">
																<a href="#">${page}</a>
															</li>
														</c:when>
														<c:otherwise>
															<li>
																<a href="/pageProducts?currentPage=${page}&id=${category.id}">${page}</a>
															</li>
														</c:otherwise>
													</c:choose>
												</c:forEach>

												<c:choose>
													<c:when test="${pageInfo.pageNum == pageInfo.pages}">
														<li class="disabled">
															<a href="#">下一页</a>
														</li>
													</c:when>
													<c:otherwise>
														<li>
															<a href="/pageProducts?currentPage=${pageInfo.pageNum+1}&id=${category.id}">下一页</a>
														</li>
													</c:otherwise>
												</c:choose>

											</ul>
										</div>
									</div>
								</div>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</div>
	<jsp:include page="foot.jsp" />
</body>
</html>
